<div class="col-xs-12" style = "background: #CEE3F6"><h3 id="resaltador">Detalles</h3><br/>
	<div id= "formArea" class="col-xs-12">
		<form id="commonform" role="form" enctype="multipart/form-data">

<?php
	include "conexion_bd.php";
	$mysqli->set_charset("utf8");
	$r = $mysqli->query("SELECT * FROM ".$_POST["tabla"]." WHERE ".$_POST["campo"]."='".$_POST["dato"]."';");

	while ($fila = $r->fetch_assoc())
	{

		if ($_POST["tabla"]=="rol")
			$labels= array("Rol", "Cédula", "Fecha Inicio", "Fecha Final","ID");
		else if ($_POST["tabla"]=="asignatura")
			$labels= array("Código","Semestre", "Nombre", "UC", "Tipo", "Opción Profesional", "Centro de Investigación","Ofertada");
		else if ($_POST["tabla"]=="centro_de_investigacion")

			$labels= array("Siglas", "Nombre");
		else if ($_POST["tabla"]=="persona")	// Vamos a tomar consideraciones especiales para mostrar los datos segun el tipo de persona
		{
			print '<button type="button" id="more_info_top" class="btn btn-primary form-control"><b>Más información</b></button><br><br>';

			$labels= array("Cédula", "Primer Nombre", "Segundo Nombre", "Primer Apellido", "Segundo Apellido", "Sexo", "Dirección", "Télefono 1",
						"Teléfono 2", "Correo Institucional", "Correo Alternativo", "Tipo");

		}


		$dato_actual= current($fila);

		// Vamos a colocar este div aca para asegurarnos que los botones de "mas informacion" salgan por fuera
		print '<div class="form-group show" id="datos_base">';

		$tipo_persona= "Default";

			for ($i= 0; $i < sizeof($labels); $i++)
			{
				print '<label for='.$labels[$i].'>'.$labels[$i].'</label>
					<input type="text" class="form-control" name="'.$labels[$i].'" 
					placeholder="'.$dato_actual.'" disabled>';

				// Esto lo usaremos para crear un DIV de acuerdo al tipo de persona
				if (sizeof($labels)-$i != 1)
					$dato_actual= next($fila);
			}


		// Y el div mencionado unas lineas mas arriba, sera cerrado aca por la misma razon
		print '</div>';

		// Ahora, viene la creacion del div de mas informacion
		print '<div class="form-group hidden" id="datos_extra">';

		if ($_POST["tabla"]=="persona") // De nuevo, consideraciones especiales para mostrar los datos de las personas
		{
			$tipo_persona= $dato_actual;
			$tabla_tp= "none";
			// Por otra parte, vamos a crear un segundo div que dependera del tipo de persona
			if ($tipo_persona=="Auxiliar Docente")
			{
				$tabla_tp= "auxiliar_docente";
				$labels_tp= array("Cédula", "Cargo", "Fecha de Ingreso", "Fecha de Egreso","Estatus", "Adscrito a");
			}
			else if ($tipo_persona=="Estudiante")
			{
				$tabla_tp= "estudiante";
				$labels_tp= array("Cédula", "Créditos Aprobados");
			}
			else if ($tipo_persona=="Personal Administrativo")
			{
				$tabla_tp= "personal_administrativo";
				$labels_tp= array("Cédula", "Cargo", "Fecha de Ingreso", "Fecha de Egreso","Estatus", "Adscrito a");
			}
			else if ($tipo_persona=="Preparador")
			{
				$tabla_tp= "preparador";
				$labels_tp= array("Cédula", "Cargo", "Fecha de Ingreso", "Fecha de Egreso","Estatus", "Adscrito a", "Código de Asignatura");
			}
			else if ($tipo_persona=="Profesor")
			{
				$tabla_tp= "profesor";
				$labels_tp= array("Cédula", "Rif", "Ciudad de Nacimiento","Pais de Nacimiento", "Nacionalidad",
								  "Fecha de Nacimiento", "Fecha de Ingreso", "Fecha de Egreso", "Fecha Concurso de Oposicion",
								  "Fecha Último Ascenso", "Último Periodo de Contratación", "Tipo de Contratación",
								  "Escalafón", "Dedicación", "Nivel Académico", "Programa", "Estatus", "Unidad Ejecutóra",
								  "Adscrito a");
			}

			$tp = $mysqli->query("SELECT * FROM ".$tabla_tp." WHERE ci='".$_POST["dato"]."';");
			$fila_tp = $tp->fetch_assoc();

			$dato_actual_tp= current($fila_tp);
			

				for ($i= 0; $i < sizeof($labels_tp); $i++)
				{
					print '<label for='.$labels_tp[$i].'>'.$labels_tp[$i].'</label>
						<input type="text" class="form-control" name="'.$labels_tp[$i].'" 
						placeholder="'.$dato_actual_tp.'" disabled>';

					$dato_actual_tp= next($fila_tp);
				}

			// Y el div datos_extra, sera cerrado aca por la misma razon
			print '</div>';

			print '<br><br><button type="button" id="more_info_bottom" class="btn btn-primary form-control"><b>Más información</b></button><br><br>';
		}
		else // Para asegurarnos de que el div datos_extra se cierra
			print '</div>';

	}
?>
		</form>
	</div>
</div>

<script type="text/javascript">

	function switchView()
	{
		if ($("#datos_base").hasClass("hidden"))
		{
			$("#datos_extra").addClass("hidden")
			$("#datos_extra").removeClass("show")

			$("#datos_base").removeClass("hidden")
			$("#datos_base").addClass("show")
		}
		else
		{
			$("#datos_extra").removeClass("hidden")
			$("#datos_extra").addClass("show")

			$("#datos_base").addClass("hidden")
			$("#datos_base").removeClass("show")
		}
	}

	$("#more_info_top").click(function(){switchView();});
	$("#more_info_bottom").click(function(){switchView();});


</script>